:root{
	--font-dark1 : #262626;
	--font-dark2 : #333333;
	--font-dark-common : #2c3e50;
	--font-dark-remark : #909399;
	--tint-gray : #d9d9d9;
	--border1 : 1px solid #d9d9d9;
	--border2 : 1px solid #eaecef;
	--box-shadow1 : 1px 1px 8px #d9d9d9,0 0 7px #d9d9d9;
	--box-shadow2 : 0 2px 10px 0 rgba(0, 0, 0, 0.15);
	--green1 : #5ad8a6;
	--green2 : #3eaf7c; 
	--origin : #ff9845;
	--gray : #5d7092;
	--blue : #5b8ff9;
	--hover-speed : .4s ease-out;
	--transition-speed : .8s;
}

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
}
body{
	line-height: 1.5;
	font-size: 16px;
	color: var(--font-dark-common);
}

button{
	border: none;
	outline: none;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	color: #ffffff;
	background-color: var(--green1);
}
button:active{
	transform: scale(1.1);
	/* 去除button点击背景样式 */
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

input{
	border: var(--border1);
	padding: 7px;
	border-radius: 5px;
	outline: none;
}
input:focus{
	box-shadow: 0 0 5px var(--green1);
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color: var(--font-dark-remark);
}

h1{
	font-size: 1.6em;
	font-weight: 500;
	letter-spacing: 1px;
}
h2{
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: 1px;
}
h3{
 font-size: 1.2em; 
 font-weight: 500;
 letter-spacing: 1px;
}


.popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	transition: var(--transition-speed);
}
.popup .container{
	border-radius: 10px;
	transition: var(--transition-speed);
}